﻿.wrapper{min-width:1200px;margin:auto;width:1200px;}
body,html{height:100%;}
.pic{overflow:hidden;}
.pic:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}




.header{background:linear-gradient(to right,#fff,#3F3F3F 60%,#000);line-height:50px;}
.header .fl{}
.header .fl a{font-weight:bold;margin-right:24px;font-size:14px;color:#000;display:inline-block;}
.header .fl a:hover{text-decoration:underline;}
.header .nav{float:right;}
.header .nav li{position:relative;float:left;padding:0 21px;}
.header .nav li:nth-last-child(1){padding-right:0;}
.header .nav li>a{font-size:14px;color:#fff;}
.header .nav li dl{display:none;width:110px;position:absolute;z-index:2;background:#000;left:50%;margin-left:-55px;}
.header .nav li dd{line-height:36px;text-align:center;}
.header .nav li dd small{font-size:12px;}
.header .nav li dd a{color:#fff;font-size:14px;display:block;line-height:14px;padding:11px 0;}
.header .nav li dd:hover a{background:rgba(255,255,255,.4);}
.header .nav li:hover dl{display:block;}

.footer{}
.footer-top{color:#818181;padding:160px 0 60px 0;}
.footer-top h3{font-weight:bold;font-size:20px;margin-bottom:20px;}
.footer-top p{font-size:14px;line-height:36px;}
.footer-top .fl,.footer-top .fr{max-width:600px;}
.footer-top dd{float:left;width:150px;margin-left:20px;font-size:14px;color:#818181;}
.footer-top dd img{display:block;margin-bottom:10px;}
.footer-btm{background:linear-gradient(to right,#fff,#3F3F3F 30%,#000);line-height:70px;font-size:14px;color:#fff;text-align:center;}
.footer-btm a{color:#fff;}
.footer-btm img{margin:-2px 6px 0 20px;}


.banner{height:calc(100% - 50px);}
.sy-video{padding:60px 0;height:650px;}
.sy-video video,.sy-video embed,.sy-video iframe{width:100%;height:100%;background:#000;}
.sy-nav{}
.sy-nav ul{}
.sy-nav li{float:left;width:295px;margin:0 0 10px 10px;height:209px;overflow:hidden;}
.sy-nav li:nth-child(1){width:590px;margin-left:0;height:428px;}

.mar20{margin:30px 0;}
.introduce{padding:80px 0 0 0;}
.introduce h2{margin-bottom:40px;font-size:30px;line-height:44px;color:#000;font-weight:bold;}
.introduce .p,.advantage-tit p{font-size:16px;line-height:30px;color:#000;font-weight:lighter;}
.introduce ul{margin-top:50px;}
.introduce li{font-weight:bold;font-size:16px;line-height:32px;color:#000;}
.introduce li .pic{float:left;width:600px;height:423px;}
.introduce li .wenz{float:right;width:600px;border:1px solid #bdbdbd;height:423px;padding:50px 0 0 60px;box-sizing:border-box;}
.introduce li .wenz p{}
.introduce li .wenz a{display:inline-block;margin-top:50px;color:#000;}
.introduce li .wenz a:hover{text-decoration:underline;}
.introduce li:nth-child(2n) .pic{float:right;}
.advantage-tit{text-align:left;position:relative;}
.advantage-tit:before{content:"";display:block;height:28px;position:absolute;left:-100px;top:10px;background:#000;width:80px;}
.advantage li .wenz p{font-weight:lighter;}
.advantage li .wenz{width:598px;height:373px;border:none;}
.advantage li{position:relative;border-bottom:1px solid #bdbdbd;}
.advantage li:nth-last-child(1){border-bottom:0;}
.advantage ul{box-sizing:border-box;border:1px solid #bdbdbd;}
.advantage li:before{content:"";height:100%;width:1px;top:0;left:50%;z-index:2;background:#bdbdbd;position:absolute;display:block;}
.way{margin-top:140px;text-align:center;font-size:16px;line-height:32px;color:#000;font-weight:lighter;}
.way img{margin-top:80px;}
.book li p{font-weight:lighter;font-size:14px;line-height:28px;}
.book li .wenz{padding:35px 0 0 41px;}
.book li h2{margin-bottom:15px;}
.book li .wenz a{margin-top:30px;}
.bookimg{max-width:650px;margin:60px 0;}
.editor{font-size: 16px;line-height: 30px; color: #000;font-weight: lighter;}
#dituContent{width:600px;float:left;height:423px;font-size:12px;font-weight:normal;line-height:28px;}
.contact .wenz{font-weight:normal;line-height:36px;}

.black{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10;}
.login{display:none;height:565px;background:#fff;position:fixed;left:0;top:0;margin:auto;right:0;bottom:0;width:600px;border-radius:15px;z-index:11;}
.login .box{padding:30px 80px;}
.login h3{font-size:16px;color:#564d4e;text-align:center;margin:12px 0 30px;}
.login .input{position:relative;border-bottom:1px solid #cecece;padding:10px 0;margin-bottom:12px;}
.login .input input[type=text],.login .input input[type=password]{border:none;outline:none;width:350px;line-height:24px;height:24px;font-size:16px;color:#564d4e;}
.login .input a{position:absolute;right:0;top:6px;}
.login .input a,.login input[type=submit],.login input[type=button]{text-align:center;border:none;outline:none;cursor:pointer;display:inline-block;border-radius:8px;background:#b1aaa6;width:110px;font-size:14px;line-height:32px;color:#fff;}
.login .input a:hover,.login input[type=submit]:hover,.login input[type=button]:hover{background:#000;}
.login input[type=submit],.login input[type=button]{display:block;margin:25px auto 0 auto;}
.login .close{position:absolute;right:15px;top:0px;font-size:40px;font-weight:lighter;color:#4d443d;}
.login .close:hover{color:#000;}
.login .ts{padding-top:30px;line-height:30px;font-size:14px;color:#4d443d;}
.login .ts a{color:#4d443d;font-weight:bold;}
.login .ts a:hover{color:#000;}
.login .ts img{margin:-2px 6px 0 0;}
.login .ts h5{text-align:center;font-size:18px;color:#4d443d;margin:50px 0 18px 0;}




